<!DOCTYPE html>
<html lang="es">
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">   
	<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
	<script src="js/cufon-yui.js" type="text/javascript"></script>
	<script src="js/cufon-replace.js" type="text/javascript"></script>
	<script src="js/Vegur_300.font.js" type="text/javascript"></script>
	<script src="js/Vegur_400.font.js" type="text/javascript"></script> 
	<script src="js/FF-cash.js" type="text/javascript"></script>	  
	<!--[if lt IE 7]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0"  alt="" /></a>
		</div>
	<![endif]-->
	<!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page5">
	<div class="bg">
<!-- header -->
		<header>
			<div class="menu-row">
				<div class="main">
					<div class="container_12">
						<div class="wrapper">
							<div class="grid_12">
								<nav class="wrapper">
									<ul class="menu">
										<li><a href="index.html">Principal</a></li>
										<li><a href="services.html">Servicios</a></li>
										<li><a href="therapies.html">Promociones</a></li>
										<li><a href="staff.html">Nuestro personal</a></li>
										<li class="last-item"><a class="active" href="contacts.html">Contactenos</a></li>
									</ul>
								</nav>
								<h1><a href="index.html">SpaSalon</a></h1>
							</div>
						</div>
					</div>
					<div class="ic"></div>
				</div>
			</div>
		</header>
		
<!-- content -->
		<section id="content">
			<div class="main">
				<div class="container_12">
					<div class="wrapper">
						<article class="grid_8">
							<h3 class="p2">Formulario de contacto</h3>
							<form id="contact-form" method="post" enctype="multipart/form-data">					
								<fieldset>
									  <label><span class="text-form">Su nombre:</span><input name="p1" type="text" required /></label>
									  <label><span class="text-form">Su Email:</span><input name="p2" type="email" required /></label>   
									  <label><span class="text-form">Asunto:</span><input name="p3" type="text" required /></label>									
									  <div class="wrapper">
									  	<div class="text-form">Su mensaje:</div>
										<div class="extra-wrap">
											<textarea required></textarea>
											<div class="clear"></div>
											<div class="buttons">
												<a class="button" href="" onClick="document.getElementById('contact-form').reset()">Limpiar formulario</a>
												<a class="button" href="#" onClick="document.getElementById('contact-form').submit()">Enviar mensaje</a>
											</div> 
										</div>
									  </div>							
								</fieldset>						
							</form>
						</article>
						<article class="grid_4">
							<h3 class="p2">Dirección postal</h3>
							<figure class="indent-bot">
								<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d31419.070749628074!2d-85.45359135!3d10.149421199999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1401516635695" width="300" height="222" frameborder="0" style="border:0">
								</iframe>
							<dl>
								<dt class="prev-indent-bot color-3"><strong>Nicoya Guanacaste Costa Rica.</strong></dt>
								<dd><span>Telefono:</span>  2686 20 20</dd>
								<dd><span>FAX:</span>  2686 20 20</dd>
								<dd><span>E-mail:</span> <a href="#">info@losmilky.com</a></dd>
							</dl>
						</article>
					</div>
				</div>
			</div>
		</section>
	</div>
	
<!-- aside -->
	<aside>
		<div class="main">
			<div class="container_12">
				<div class="wrapper">
					<!--article class="grid_12">
						<h3 class="p1">Miscellaneous Info</h3>
						At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
					</article-->
				</div>
			</div>
		</div>
	</aside>
	
<!-- footer -->
	<footer>
		<div class="main">
			<div class="container_12">
				<div class="wrapper">
					<div class="grid_8">
						<div class="footer-text">
							<b><strong>losmilky.com</strong> Copyright 2014</b> Los Milky Corporation  <!--a rel="nofollow" target="_blank" href="#">texto</a-->
						</div>
						<ul class="list-services">
							<li><a class="item-1" target="_blank" href="https://www.facebook.com/"></a></li>
							<li><a class="item-2" target="_blank" href="https://twitter.com/"></a></li>
							<!--li><a class="item-3" href="#"></a></li>
							<li><a class="item-4" href="#"></a></li-->
						</ul>
					</div>
					<div class="grid_4">
						<div class="support-phone">
							<strong>llamenos sera un gusto atenderle:</strong>
							<b>(506)</b>8888-33-44
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<script type="text/javascript"> Cufon.now(); </script>
	<!--coded by cheh-->
</body>
</html>
